<template>
  <div class="no-data">
    <img src="@/assets/img/no-data.png" />
    <span class="tip" style="margin-top: 24rpx">{{ tip }}</span>
  </div>
</template>

<script>
export default {
  name: 'NoData',
  props: {
    tip: {
      type: String,
      default: '',
    },
  },
  data() {
    return {
      
    };
  },
  
};

</script>

<style lang="less" scoped>
.no-data{
	position: absolute;
	left: 50%;
	top: 50%;
  // height: 66%;
	transform: translate(-50%, -50%);
	display: flex;
	flex-direction: column;
	align-items: center;
  img{
    width: 220px;
    // max-height: 100%;
  }
	.tip{
		font-size: 14px;
		color: #828282;
	}
}
</style>
